.banner-content{
	position: relative;
	width: 100%;
	height: 2.75rem;
	background-color: #FFFFFF;
	.search-box{
			position: absolute;
			// margin:0 0.9375rem 0;
			width: 18.875rem;
			border-radius: 0.875rem;
			background-color: #f4f4f4;
			padding: 0.5rem 0.625rem;
			top: .5rem;
			left: 0.9375rem;
			// transform: translateX(-50%);
			display: flex;
			align-items: center;
			height: 1.75rem;
			z-index: 998;
			margin-right: 1rem;
			.mui-icon-search{
				color: #999999;
			}
			input{
				border: none!important;
				background-color: #f4f4f4;
				padding: 0!important;
				font-size: 0.75rem;
				color: #999999;
				margin: 0!important;
				margin-left: 0.375rem;
				height: 1.75rem;
			}
		}
		#cancel{
			position: absolute;
			top: .825rem;
			right: 0.9375rem;
			color: #333333;
			line-height: 1.1875rem;
			font-size: 0.875rem;
			// vertical-align: middle;
		}
		
		
}
.recent-search{
	display: flex;
	align-items: center;
	color: #666666;
	font-size: 0.75rem;
	padding:  0 0  0 0.9375rem;
	margin: 1.875rem 0;
	.icon_search_time{
		width: 0.75rem;
		height: 0.75rem;
		margin-right: 0.375rem;
	}
}
.search-list{
	padding: 0 23px 0 0.9375rem;
	display: flex;
	align-items: 1.4375rem;
	flex-wrap: wrap;
	margin-bottom: 1rem;
	.search-list-item{
		padding: 0.5625rem 1rem;
		margin-bottom: 0.9375rem;
		background-color: #eeeeee;
			border-radius: 0.9375rem;
			margin-right: 0.9375rem;
			color: #333333;
			font-size: 0.875rem;
	}
}
.clean{
	margin-top: 0!important;
	display: flex;
	justify-content: center!important;
}